
.container {
  position: relative;
  .content {
    width: 100%;
    position: absolute;
    box-sizing: border-box;
    top: 186rpx;
    font-size: 26rpx;
    
    .content-box {
      padding: 20rpx;
      margin: 0 20rpx ;
      border-radius: 20rpx;
      background-color: #fff;

      .top-title {
        padding: 20rpx 0;
        border-bottom:2rpx solid #e3e3e3;
        font-size: 32rpx;
      }
      .select-date {
        padding: 30rpx 0 10rpx 0;
      }
      .date {
        display: flex;
        justify-content: space-between;
        padding-bottom: 20rpx;
        border-bottom:2rpx solid #e3e3e3 ;
  
        &-item {
          padding: 20rpx;
          border: 2rpx solid #999;
          border-radius: 8rpx;
        }
      }
      .select-num {
        display: flex;
        justify-content: space-between;
        padding: 40rpx 0 20rpx 0;
      }
      .info {
        display: flex;
        justify-content: space-between;
        padding: 20rpx 0;
        border-bottom:2rpx solid #e3e3e3 ;
        &:last-child {
          border: none;
        }
      }
    }
    
  }
  .price {
    font-size: 30rpx;
    color: red;
    font-weight: bold;
  }
  .footer {
    position: absolute;
    width: 100%;
    bottom: -400rpx;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30rpx ;
    box-sizing: border-box;
    background-color: #fff;
  }
}